

/**
 * 获取img的url
 * @param {*} url 
 * @param {*} name 
 * @param {*} quality 
 */
const getImgUrlXDC = (url, name, quality = 1.0) => {
    const image = new Image()
    // 解决跨域 Canvas 污染问题
    // image.setAttribute('crossOrigin', 'anonymous')
    image.crossOrigin = '*' // 支持跨域图片
    image.onload = function () {
        // 创建一个canvas标签
        const canvas = document.createElement('canvas')
        // 设置canvas的宽高
        const width = image.width
        const height = image.height
        canvas.width = width
        canvas.height = height
        // 获取canvas的2d界面
        const context = canvas.getContext('2d')
        // 把图片画在canvas上
        context.drawImage(image, 0, 0, width, height)
        // 把canvas的内容转化为base64格式
        const url = canvas.toDataURL('image/jpeg', quality)

        // 生成一个a元素
        const a = document.createElement('a')
        // 创建一个单击事件
        a.download = name
        a.className = 'download_btn'
        a.href = url
        document.body.append(a)
        a.click()
        document.body.removeChild(a)
    }
    image.onerror = function () {
        Message.error('图片加载失败')
    }
    // 获取img上的src值，赋值之后，完成之后会调用onload事件
    image.src = url
}

export {
    getImgUrlXDC
}